<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title>留言板</title>
	<style type="text/css">
		body,a{
			margin: 0;
		}
		body{
         width: 420px;
         height: 600px;
         border: 2px solid #e7e7e7;
         background-color: #ffffff;
         margin: 0 auto;
        margin-top: 10px;
        font-family:"微软雅黑";

		}

		#div1{
			width: 400px;
			height: 78px;
		}
		#div2{
			height: 120px;
			width: 400px;
			float: left;
		}
		textarea{
          margin-left: 15px;
          margin-top: 10px;
		}
		#div3{
			height: 38px;
			width: 400px;
			float: left;
			
		}
		.div4{
			width: 400px;
			height: 100%;
			float: left;
		}
		.content{
			width: 390px;
			height: 100px;
			margin-left: 5px;
			border-top: 1px solid #e7e7e7;
			float: left;
		}
		.name{
			width: 200px;
			height: 48px;
			float: left;
			margin-top: 10px;
		}
		.follow{
			width: 142px;
			height: 48px;
			float: left;
		    margin-top: 10px;
		}
		.reply{
			float: left;
			width: 60px;
			height: 20px;
			text-align: center;
			line-height: 20px;
			border-right: 1px solid #e7e7e7;
			margin-top: 40px;
		}
		.like{
			
			float: left;
			width: 80px;
			height: 20px;
			text-align: center;
			line-height: 20px;
			margin-top: 40px;
		}
	</style>
</head>
<body>
   <form method="post">
   <div id="div1">
   	   <div style="background: url(header-img-comment_03.png);width: 48px;height: 48px;float: left;margin-top: 30px;margin-left: 10px;"></div>
   	   <div style="float: left;margin-top: 30px;font-size: 15px;">贝克汉姆</div>
   	   <div style="width: 60px;height: 30px;background-color: red;color: #ffffff;float: right;line-height: 30px;text-align: center;margin-top: 48px;border-radius: 4px;"> 退出</div>
   </div>
   <div id="div2" >
   	  <div><textarea cols="53" rows="5">请输入留言内容......</textarea></div>
   </div>
   <div id="div3">
   	    <div style="width: 60px;height: 30px;background-color: green;color: #ffffff;float: right;line-height: 30px;text-align: center;border-radius: 4px;">留言</div>
   </div>
   <div class="div4">
   	   <div class="content">
   	   	  <div style="background: url(header-img-comment_03.png);width: 48px;height: 48px;float: left;margin-top: 10px"></div>
   	   	  <div class="name">
   	   	  	 <div class="username">贝克汉姆:来踢球啊</div>
   	   	  	 <div class="time">2017-8-4</div>
   	   	  </div>
   	   	  <div class="follow">
   	   	  	 <div class="reply">回复</div>
   	   	  	 <div class="like">赞（666）</div>
   	   	  </div>
   	   </div>
   </div>
    <div class="div4">
   	   <div class="content">
   	   	  <div style="background: url(header-img-comment_03.png);width: 48px;height: 48px;float: left;margin-top: 10px"></div>
   	   	  <div class="name">
   	   	  	 <div class="username">贝克汉姆:来踢球啊</div>
   	   	  	 <div class="time">2017-8-4</div>
   	   	  </div>
   	   	  <div class="follow">
   	   	  	<div class="reply">回复</div>
   	   	  	<div class="like">赞（666）</div>
   	   	  </div>
   	   </div>
   </div>
   </form>
</body>
</html>